.select2-container--default .select2-selection--single {
  height: 50px !important;
  border: none !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 50px !important;
  text-align: left !important;
  color: #999 !important;
  padding-left: 20px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 10px !important;
  right: 5px !important;
}
.select2-container {
  .pl;
  .margin-r-20;
}

.index-banner {
  height: 330px;
  background-image: url(../img/index-banner.jpg);
  background-repeat: no-repeat;
  background-position: center -81px;
}

.index-query-box {
  color: #fff;
  .tc;
  padding-top: 35px;

  h2 {
    color: #fff;
    font-weight: normal;
    line-height: 2;
  }

  form {
    margin: 25px 100px 0;

    .input-keyword {
      width: 420px;
      .pl;
    }

    button {
      width: 140px;
      height: 50px;
      line-height: 30px;
    }

    .addon-query {
      display: none;
    }

    .fold-btn {
      font-size: 12px;
      text-align: left;
      padding: 20px 0 0 20px;

      a {
        color: #fff;
        padding-right: 15px;
      }

      a.up {
        background: url(../img/arrow-up.png) no-repeat right 5px;
        display: none;
      }

      a.down {
        background: url(../img/arrow-up.png) no-repeat right 5px;
        display: inline-block;
      }

      &.active {
        a.up {
          display: inline-block;
        }
        a.down {
          display: none;
        }
      }   
    }
  }
}

.index-list {
  background: url(../img/index-bg.jpg) no-repeat bottom center;
  margin-top: 60px;
}

.expert-list {
  padding: 0 50px;
  width: 1032px;

  li {
    .pl;
    .tc;
    margin: 0 28px 32px 0;
    width: 230px;
    background: url(../img/expert-head.jpg) no-repeat top left;
    background-size: 100% auto;
    position: relative;
    background-color: #fff;

    .expert-avatar {
      width: 85px;
      height: 85px;
      border-radius: 85px;
      z-index: 10000;
      behavior: url(ie-css3.htc);
      position: absolute;
      top: 30px;
      left: 50%;
      margin-left: -42px;
    }

    .expert-content {
      border: #d7dce0 solid 1px;
      border-top: none;
      margin-top: 96px;
    }

    h3 {
      font-size: 20px;
      padding-top: 30px;
    }

    .expert-s {
      color: @text-color;
      margin-top: 10px;
      margin-bottom: 100px;
    }

    .expert-r {
      color: @text-color;
      margin-top: 20px;
      margin-bottom: 20px;
      position: absolute;
      width: 100%;
      bottom: 41px;
    }

    .expert-btn {
      border-top: 1px #e4e7eb dashed;
      height: 40px;
      line-height: 40px;
      position: absolute;
      width: 100%;
      bottom: 0;

      span {
        padding-left: 1px;
        background-color: #e4e7eb;
        margin: 0 30px;
      }

      .detail-btn {
        padding-left: 20px;
        background: url(../img/do-comment.png) no-repeat left;
      }

      .query-btn {
        padding-left: 20px;
        background: url(../img/speech-bubble.png) no-repeat left;
      }
    }
  }
}